<!--
 * @Description: 邀请好友
 * @Author: xiao li
 * @Date: 2021-12-06 12:42:11
 * @LastEditTime: 2021-12-09 18:24:33
 * @LastEditors: xiao li
-->
<template>
  <div>
    <!-- 创建名片 -->
    <div
      class="ml-lg mr-lg mb-lg fill-base flex-center pd-lg radius-15 box-shadow"
    >
      <div
        class="radius-10 flex-center c-base"
        style="width: 35px; height: 35px"
        :style="{ background: o.data.bgColor }"
      >
        <i class="iconfont" :class="o.icon" style="font-size: 20px"></i>
      </div>
      <div class="flex-1 ml-md flex-between">
        <div
          class="f-paragraph c-title mr-md ellipsis"
          style="max-width: 200px"
        >
          {{ o.data.text }}
        </div>
        <div
          type="primary"
          class="lh-54 pl-md pr-md f-caption c-base radius-5"
          style="background: #19c865"
        >
          {{ o.data.btnText }}
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'inviteFriends',
  props: {
    o: Object,
    primaryColor: '#19c865'
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
